/*!* BASICS *!*/
/*.CodeMirror {*/
/*  !* Set height, width, borders, and global font properties here *!*/
/*  font-family: monospace;*/
/*  height: 300px;*/
/*  color: black;*/
/*}*/

/*!* PADDING *!*/
/*.CodeMirror-lines {*/
/*  padding: 4px 0;*/
/*  !* Vertical padding around content *!*/
/*}*/

/*.CodeMirror pre {*/
/*  padding: 0 4px;*/
/*  !* Horizontal padding of content *!*/
/*}*/

/*.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {*/
/*  background-color: white;*/
/*  !* The little square between H and V scrollbars *!*/
/*}*/

/*!* GUTTER *!*/
/*.CodeMirror-gutters {*/
/*  border-right: 1px solid #ddd;*/
/*  background-color: #f7f7f7;*/
/*  white-space: nowrap;*/
/*}*/

/*.CodeMirror-linenumbers {*/
/*}*/

/*.CodeMirror-linenumber {*/
/*  padding: 0 3px 0 5px;*/
/*  min-width: 20px;*/
/*  text-align: right;*/
/*  color: #999;*/
/*  white-space: nowrap;*/
/*}*/

/*.CodeMirror-guttermarker {*/
/*  color: black;*/
/*}*/

/*.CodeMirror-guttermarker-subtle {*/
/*  color: #999;*/
/*}*/

/*!* CURSOR *!*/
/*.CodeMirror-cursor {*/
/*  border-left: 1px solid black;*/
/*  border-right: none;*/
/*  width: 0;*/
/*}*/

/*!* Shown when moving in bi-directional text *!*/
/*.CodeMirror div.CodeMirror-secondarycursor {*/
/*  border-left: 1px solid silver;*/
/*}*/

/*.cm-fat-cursor .CodeMirror-cursor {*/
/*  width: auto;*/
/*  border: 0 !important;*/
/*  background: #7e7;*/
/*}*/

/*.cm-fat-cursor div.CodeMirror-cursors {*/
/*  z-index: 1;*/
/*}*/

/*.cm-animate-fat-cursor {*/
/*  width: auto;*/
/*  border: 0;*/
/*  -webkit-animation: blink 1.06s steps(1) infinite;*/
/*  animation: blink 1.06s steps(1) infinite;*/
/*  background-color: #7e7;*/
/*}*/

/*@-webkit-keyframes blink {*/
/*  0% {*/
/*  }*/
/*  50% {*/
/*    background-color: transparent;*/
/*  }*/
/*  100% {*/
/*  }*/
/*}*/

/*@keyframes blink {*/
/*  0% {*/
/*  }*/
/*  50% {*/
/*    background-color: transparent;*/
/*  }*/
/*  100% {*/
/*  }*/
/*}*/

/*!* Can style cursor different in overwrite (non-insert) mode *!*/
/*.CodeMirror-overwrite .CodeMirror-cursor {*/
/*}*/

/*.cm-tab {*/
/*  display: inline-block;*/
/*  text-decoration: inherit;*/
/*}*/

/*.CodeMirror-rulers {*/
/*  position: absolute;*/
/*  left: 0;*/
/*  right: 0;*/
/*  top: -50px;*/
/*  bottom: -20px;*/
/*  overflow: hidden;*/
/*}*/

/*.CodeMirror-ruler {*/
/*  border-left: 1px solid #ccc;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  position: absolute;*/
/*}*/

/*!* DEFAULT THEME *!*/
/*.cm-s-default .cm-header {*/
/*  color: blue;*/
/*}*/

/*.cm-s-default .cm-quote {*/
/*  color: #090;*/
/*}*/

/*.cm-negative {*/
/*  color: #d44;*/
/*}*/

/*.cm-positive {*/
/*  color: #292;*/
/*}*/

/*.cm-header, .cm-strong {*/
/*  font-weight: 700;*/
/*}*/

/*.cm-em {*/
/*  font-style: italic;*/
/*}*/

/*.cm-link {*/
/*  text-decoration: underline;*/
/*}*/

/*.cm-strikethrough {*/
/*  text-decoration: line-through;*/
/*}*/

/*.cm-s-default .cm-keyword {*/
/*  color: #708;*/
/*}*/

/*.cm-s-default .cm-atom {*/
/*  color: #219;*/
/*}*/

/*.cm-s-default .cm-number {*/
/*  color: #164;*/
/*}*/

/*.cm-s-default .cm-def {*/
/*  color: #00f;*/
/*}*/

/*.cm-s-default .cm-variable, .cm-s-default .cm-punctuation, .cm-s-default .cm-property, .cm-s-default .cm-operator {*/
/*}*/

/*.cm-s-default .cm-variable-2 {*/
/*  color: #05a;*/
/*}*/

/*.cm-s-default .cm-variable-3 {*/
/*  color: #085;*/
/*}*/

/*.cm-s-default .cm-comment {*/
/*  color: #a50;*/
/*}*/

/*.cm-s-default .cm-string {*/
/*  color: #a11;*/
/*}*/

/*.cm-s-default .cm-string-2 {*/
/*  color: #f50;*/
/*}*/

/*.cm-s-default .cm-meta {*/
/*  color: #555;*/
/*}*/

/*.cm-s-default .cm-qualifier {*/
/*  color: #555;*/
/*}*/

/*.cm-s-default .cm-builtin {*/
/*  color: #30a;*/
/*}*/

/*.cm-s-default .cm-bracket {*/
/*  color: #997;*/
/*}*/

/*.cm-s-default .cm-tag {*/
/*  color: #170;*/
/*}*/

/*.cm-s-default .cm-attribute {*/
/*  color: #00c;*/
/*}*/

/*.cm-s-default .cm-hr {*/
/*  color: #999;*/
/*}*/

/*.cm-s-default .cm-link {*/
/*  color: #00c;*/
/*}*/

/*.cm-s-default .cm-error {*/
/*  color: #f00;*/
/*}*/

/*.cm-invalidchar {*/
/*  color: #f00;*/
/*}*/

/*.CodeMirror-composing {*/
/*  border-bottom: 2px solid;*/
/*}*/

/*!* Default styles for common addons *!*/
/*div.CodeMirror span.CodeMirror-matchingbracket {*/
/*  color: #0f0;*/
/*}*/

/*div.CodeMirror span.CodeMirror-nonmatchingbracket {*/
/*  color: #f22;*/
/*}*/

/*.CodeMirror-matchingtag {*/
/*  background: rgba(255, 150, 0, .3);*/
/*}*/

/*.CodeMirror-activeline-background {*/
/*  background: #e8f2ff;*/
/*}*/

/*!* STOP *!*/
/*!* The rest of this file contains styles related to the mechanics of*/
/*   the editor. You probably shouldn't touch them. *!*/
/*.CodeMirror {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  background: white;*/
/*}*/

/*.CodeMirror-scroll {*/
/*  overflow: scroll !important;*/
/*  !* Things will break if this is overridden *!*/
/*  !* 30px is the magic margin used to hide the element's real scrollbars *!*/
/*  !* See overflow: hidden in .CodeMirror *!*/
/*  margin-bottom: -30px;*/
/*  margin-right: -30px;*/
/*  padding-bottom: 30px;*/
/*  height: 100%;*/
/*  outline: none;*/
/*  !* Prevent dragging from highlighting the element *!*/
/*  position: relative;*/
/*}*/

/*.CodeMirror-sizer {*/
/*  position: relative;*/
/*  border-right: 30px solid transparent;*/
/*}*/

/*!* The fake, visible scrollbars. Used to force redraw during scrolling*/
/*   before actual scrolling happens, thus preventing shaking and*/
/*   flickering artifacts. *!*/
/*.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {*/
/*  position: absolute;*/
/*  z-index: 6;*/
/*  display: none;*/
/*}*/

/*.CodeMirror-vscrollbar {*/
/*  right: 0;*/
/*  top: 0;*/
/*  overflow-x: hidden;*/
/*  overflow-y: scroll;*/
/*}*/

/*.CodeMirror-hscrollbar {*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  overflow-y: hidden;*/
/*  overflow-x: scroll;*/
/*}*/

/*.CodeMirror-scrollbar-filler {*/
/*  right: 0;*/
/*  bottom: 0;*/
/*}*/

/*.CodeMirror-gutter-filler {*/
/*  left: 0;*/
/*  bottom: 0;*/
/*}*/

/*.CodeMirror-gutters {*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  min-height: 100%;*/
/*  z-index: 3;*/
/*}*/

/*.CodeMirror-gutter {*/
/*  white-space: normal;*/
/*  height: 100%;*/
/*  display: inline-block;*/
/*  vertical-align: top;*/
/*  margin-bottom: -30px;*/
/*}*/

/*.CodeMirror-gutter-wrapper {*/
/*  position: absolute;*/
/*  z-index: 4;*/
/*  background: none !important;*/
/*  border: none !important;*/
/*}*/

/*.CodeMirror-gutter-background {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  z-index: 4;*/
/*}*/

/*.CodeMirror-gutter-elt {*/
/*  position: absolute;*/
/*  cursor: default;*/
/*  z-index: 4;*/
/*}*/

/*.CodeMirror-gutter-wrapper {*/
/*  -webkit-user-select: none;*/
/*  -moz-user-select: none;*/
/*  -ms-user-select: none;*/
/*  user-select: none;*/
/*}*/

/*.CodeMirror-lines {*/
/*  cursor: text;*/
/*  min-height: 1px;*/
/*  !* prevents collapsing before first draw *!*/
/*}*/

/*.CodeMirror pre {*/
/*  !* Reset some styles that the rest of the page might have set *!*/
/*  border-radius: 0;*/
/*  border-width: 0;*/
/*  background: transparent;*/
/*  font-family: inherit;*/
/*  font-size: inherit;*/
/*  margin: 0;*/
/*  white-space: pre;*/
/*  word-wrap: normal;*/
/*  line-height: inherit;*/
/*  color: inherit;*/
/*  z-index: 2;*/
/*  position: relative;*/
/*  overflow: visible;*/
/*  -webkit-tap-highlight-color: transparent;*/
/*  -webkit-font-variant-ligatures: contextual;*/
/*  font-variant-ligatures: contextual;*/
/*}*/

/*.CodeMirror-wrap pre {*/
/*  word-wrap: break-word;*/
/*  white-space: pre-wrap;*/
/*  word-break: normal;*/
/*}*/

/*.CodeMirror-linebackground {*/
/*  position: absolute;*/
/*  left: 0;*/
/*  right: 0;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  z-index: 0;*/
/*}*/

/*.CodeMirror-linewidget {*/
/*  position: relative;*/
/*  z-index: 2;*/
/*  overflow: auto;*/
/*}*/

/*.CodeMirror-widget {*/
/*}*/

/*.CodeMirror-code {*/
/*  outline: none;*/
/*}*/

/*!* Force content-box sizing for the elements where we expect it *!*/
/*.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {*/
/*  box-sizing: content-box;*/
/*}*/

/*.CodeMirror-measure {*/
/*  position: absolute;*/
/*  width: 100%;*/
/*  height: 0;*/
/*  overflow: hidden;*/
/*  visibility: hidden;*/
/*}*/

/*.CodeMirror-cursor {*/
/*  position: absolute;*/
/*  pointer-events: none;*/
/*}*/

/*.CodeMirror-measure pre {*/
/*  position: static;*/
/*}*/

/*div.CodeMirror-cursors {*/
/*  visibility: hidden;*/
/*  position: relative;*/
/*  z-index: 3;*/
/*}*/

/*div.CodeMirror-dragcursors {*/
/*  visibility: visible;*/
/*}*/

/*.CodeMirror-focused div.CodeMirror-cursors {*/
/*  visibility: visible;*/
/*}*/

/*.CodeMirror-selected {*/
/*  background: #d9d9d9;*/
/*}*/

/*.CodeMirror-focused .CodeMirror-selected {*/
/*  background: #d7d4f0;*/
/*}*/

/*.CodeMirror-crosshair {*/
/*  cursor: crosshair;*/
/*}*/

/*.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {*/
/*  background: #d7d4f0;*/
/*}*/

/*.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {*/
/*  background: #d7d4f0;*/
/*}*/

/*.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {*/
/*  background: #d7d4f0;*/
/*}*/

/*.cm-searching {*/
/*  background: #ffa;*/
/*  background: rgba(255, 255, 0, .4);*/
/*}*/

/*!* Used to force a border model for a node *!*/
/*.cm-force-border {*/
/*  padding-right: .1px;*/
/*}*/

/*@media print {*/
/*  !* Hide the cursor when printing *!*/
/*  .CodeMirror div.CodeMirror-cursors {*/
/*    visibility: hidden;*/
/*  }*/
/*}*/

/*!* See issue #2901 *!*/
/*.cm-tab-wrap-hack:after {*/
/*  content: '';*/
/*}*/

/*!* Help users use markselection to safely style text background *!*/
/*span.CodeMirror-selectedtext {*/
/*  background: none;*/
/*}*/

/*!**/

/*    Name:       material*/
/*    Author:     Michael Kaminsky (http://github.com/mkaminsky11)*/

/*    Original material color scheme by Mattia Astorino (https://github.com/equinusocio/material-theme)*/

/**!*/
/*.cm-s-material.CodeMirror {*/
/*  background-color: #263238;*/
/*  color: rgba(233, 237, 237, 1);*/
/*}*/

/*.cm-s-material .CodeMirror-gutters {*/
/*  background: #263238;*/
/*  color: rgb(83, 127, 126);*/
/*  border: none;*/
/*}*/

/*.cm-s-material .CodeMirror-guttermarker, .cm-s-material .CodeMirror-guttermarker-subtle, .cm-s-material .CodeMirror-linenumber {*/
/*  color: rgb(83, 127, 126);*/
/*}*/

/*.cm-s-material .CodeMirror-cursor {*/
/*  border-left: 1px solid #f8f8f0;*/
/*}*/

/*.cm-s-material div.CodeMirror-selected {*/
/*  background: rgba(255, 255, 255, 0.15);*/
/*}*/

/*.cm-s-material.CodeMirror-focused div.CodeMirror-selected {*/
/*  background: rgba(255, 255, 255, 0.10);*/
/*}*/

/*.cm-s-material .CodeMirror-line::-moz-selection, .cm-s-material .CodeMirror-line > span::-moz-selection, .cm-s-material .CodeMirror-line > span > span::-moz-selection {*/
/*  background: rgba(255, 255, 255, 0.10);*/
/*}*/

/*.cm-s-material .CodeMirror-line::selection, .cm-s-material .CodeMirror-line > span::selection, .cm-s-material .CodeMirror-line > span > span::selection {*/
/*  background: rgba(255, 255, 255, 0.10);*/
/*}*/

/*.cm-s-material .CodeMirror-line::-moz-selection, .cm-s-material .CodeMirror-line > span::-moz-selection, .cm-s-material .CodeMirror-line > span > span::-moz-selection {*/
/*  background: rgba(255, 255, 255, 0.10);*/
/*}*/

/*.cm-s-material .CodeMirror-activeline-background {*/
/*  background: rgba(0, 0, 0, 0);*/
/*}*/

/*.cm-s-material .cm-keyword {*/
/*  color: rgba(199, 146, 234, 1);*/
/*}*/

/*.cm-s-material .cm-operator {*/
/*  color: rgba(233, 237, 237, 1);*/
/*}*/

/*.cm-s-material .cm-variable-2 {*/
/*  color: #80CBC4;*/
/*}*/

/*.cm-s-material .cm-variable-3 {*/
/*  color: #82B1FF;*/
/*}*/

/*.cm-s-material .cm-builtin {*/
/*  color: #DECB6B;*/
/*}*/

/*.cm-s-material .cm-atom {*/
/*  color: #F77669;*/
/*}*/

/*.cm-s-material .cm-number {*/
/*  color: #F77669;*/
/*}*/

/*.cm-s-material .cm-def {*/
/*  color: rgba(233, 237, 237, 1);*/
/*}*/

/*.cm-s-material .cm-string {*/
/*  color: #C3E88D;*/
/*}*/

/*.cm-s-material .cm-string-2 {*/
/*  color: #80CBC4;*/
/*}*/

/*.cm-s-material .cm-comment {*/
/*  color: #546E7A;*/
/*}*/

/*.cm-s-material .cm-variable {*/
/*  color: #82B1FF;*/
/*}*/

/*.cm-s-material .cm-tag {*/
/*  color: #80CBC4;*/
/*}*/

/*.cm-s-material .cm-meta {*/
/*  color: #80CBC4;*/
/*}*/

/*.cm-s-material .cm-attribute {*/
/*  color: #FFCB6B;*/
/*}*/

/*.cm-s-material .cm-property {*/
/*  color: #80CBAE;*/
/*}*/

/*.cm-s-material .cm-qualifier {*/
/*  color: #DECB6B;*/
/*}*/

/*.cm-s-material .cm-variable-3 {*/
/*  color: #DECB6B;*/
/*}*/

/*.cm-s-material .cm-tag {*/
/*  color: rgba(255, 83, 112, 1);*/
/*}*/

/*.cm-s-material .cm-error {*/
/*  color: rgba(255, 255, 255, 1.0);*/
/*  background-color: #EC5F67;*/
/*}*/

/*.cm-s-material .CodeMirror-matchingbracket {*/
/*  text-decoration: underline;*/
/*  color: white !important;*/
/*}*/

/*.vuep {*/
/*  display: -webkit-box;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;*/
/*  height: 400px;*/
/*}*/

/*.vuep ::-webkit-scrollbar-track {*/
/*  border-radius: 10px;*/
/*  background-color: #F5F5F5;*/
/*}*/

/*.vuep ::-webkit-scrollbar {*/
/*  width: 8px;*/
/*  height: 8px;*/
/*  background-color: #F5F5F5;*/
/*}*/

/*.vuep ::-webkit-scrollbar-thumb {*/
/*  border-radius: 8px;*/
/*  background-color: #bbb;*/
/*  -webkit-transition: all 0.5s;*/
/*  transition: all 0.5s;*/
/*}*/

/*.vuep ::-webkit-scrollbar-thumb:hover {*/
/*  border-radius: 8px;*/
/*  background-color: #777;*/
/*}*/

/*.vuep-editor, .vuep-preview, .vuep-error {*/
/*  border-radius: 2px;*/
/*  height: inherit;*/
/*  margin-right: 10px;*/
/*  overflow: auto;*/
/*  width: 50%;*/
/*}*/

/*.vuep-editor .CodeMirror, .vuep-preview .CodeMirror, .vuep-error .CodeMirror {*/
/*  height: inherit;*/
/*}*/

/*.vuep-editor:last-child, .vuep-preview:last-child, .vuep-error:last-child {*/
/*  margin-right: 0;*/
/*}*/

/*.vuep-editor {*/
/*  line-height: 1.2em;*/
/*}*/

/*.vuep-error {*/
/*  color: #f66;*/
/*}*/

/*.vuep-preview, .vuep-error {*/
/*  border: 1px solid #eee;*/
/*  box-sizing: border-box;*/
/*  padding: 25px 35px;*/
/*}*/

/*@media (max-width: 600px) {*/
/*  .vuep {*/
/*    display: block;*/
/*    height: auto;*/
/*  }*/

/*  .vuep-editor, .vuep-preview, .vuep-error {*/
/*    margin: 0 0 15px 0;*/
/*    height: 400px;*/
/*    width: 100%;*/
/*  }*/
/*}*/

/*.vuep-editor .CodeMirror, .vuep-preview .CodeMirror, .vuep-error .CodeMirror {*/
/*  display: none !important;*/
/*}*/

/*.vuep-editor, .vuep-preview, .vuep-error {*/
/*  border-radius: 2px;*/
/*  height: inherit;*/
/*  margin-right: 10px;*/
/*  overflow: auto;*/
/*  width: 0%;*/
/*}*/

/*.vuep-preview, .vuep-error {*/
/*  width: 100%;*/
/*}*/

/*/deep/ .vuep-editor, .vuep-preview, .vuep-error {*/
/*  border-radius: 2px;*/
/*  height: inherit;*/
/*  margin-right: 10px;*/
/*  overflow: auto;*/
/*  width: 0%;*/
/*}*/

/*/deep/ .vuep-preview, .vuep-error {*/
/*  width: 100%;*/
/*}*/
